<template>
    <ul class="footbar">
        <li><router-link to="/film">
            <i class="iconfont icon-dianying"></i>
            <span>电影</span>
        </router-link></li>
        <li><router-link to="/cinema">
        <i class="iconfont icon-yingyuan"></i>
        <span>影院</span>
        </router-link></li>
        <li><router-link to="/news">
            <i class="iconfont icon-yixianshi-"></i>
            <span>资讯</span>
        </router-link></li>
        <li><router-link to="/user">
        <i class="iconfont icon-wode"></i>
        <span>我的</span>
        </router-link></li>


    </ul>
</template>
<script>
import '@/assets/font/iconfont.css';
export default {
    
}
</script>
<style scoped>
    .footbar{
         position: fixed;
         bottom:0;
         display: flex;
         width:100%;
         justify-content: space-around;
         background: white;
         height: 1rem;
     }
     a{
         display: flex;
         flex-direction: column;
         align-items: center;
     }
     i{
         font-size: 16px;
     }
</style>